<em>/**</em>
<em> 1、副作用： 在组件中执行过数据获取、订阅或者手动修改过 DOM</em>
<em> 2、当调用 useEffect 时，就是在告诉 React 在完成对 DOM 的更改后运行‘副作用‘函数 </em>
<em>*/</em>
<em>import React</em>, { <b>useEffect</b> } <em>from 'react'</em>;

<em>const</em> Component = ( <s>props</s> ) => {
	<em># 每次都执行，所有数据改变都会触发</em>
	<b>useEffect</b>(( ) => {	})
	<em># 只执行一次，只有在第一次组件初始化的时候会触发</em>
	<em>// 相当于 componentDidMount</em>
	<b>useEffect</b>(
		( ) => { 					<em>// 回调函数</em>
			<em>document.title = ''</em> 		<em>// 更新页面标题</em>
		}, 			
		[ ] 						<em>// 表示什么数据改变之后会触发回调函数</em>
	)
	<em># 当 state 发生改变时执行，表示数组中的数据发生改变之后会触发</em>
	<em>// 相当于 componentDidUpdate</em>
	<b>useEffect</b>(( ) => {	
		return ( ) => {		} 				<em>// 当数组中的变量发生改变时，执行此函数 </em>
	},[ <em>count</em>, <em>form</em> ])
	
	return &lt;&gt;		&lt;/&gt;
}